<template>
  <view class="padding-lr-sm padding-bottom-xl padding-top-xs">
    <button class="cu-btn cuIcon share lg" open-type="share">
      <text class="cuIcon-forward"></text>
    </button>
    <!-- 标题 -->
    <view>
      <!--    <text class="text-lg text-bold ">活动预告 | 费祎武将幻化 明日上线</text>
      <view class="margin-tb-sm">
        <text class="text-blue margin-right-sm">放开那三国</text>
        <text class="text-gray">2023-06-06 18:02 发表于北京</text>
      </view>-->
      <!-- 活动1 -->
      <!--      <view class="flex margin-tb">
              <view class="sort">
                01
              </view>
              <view class="title">
                雅性谦素
                <view class="triangle"></view>
              </view>
            </view>-->
      <!-- 内容 -->
      <!--      <view class="content">
              <image
                  src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/8iaIEbCVSqJbG81CSxlo1tiaxblIx4hpVQEWbvyWpvZUwcT72nIRJcDiczgQsan3KkqOg1rWiboDv5WoToiaIWLyxGw/640?wx_fmt=jpeg&wxfrom=13"
                  mode="widthFix" style="width: 100%;">
              </image>
              <view class="padding-top-sm padding-lr-sm">
                <view>幻化名称：雅性谦素</view>
                <view class="margin-tb-xs">所属名将：费祎</view>
                <view>费祎天赋：被攻击时，如果自身生命百分比高于攻击者，受到的伤害减少30%</view>
                <view class="margin-tb-xs">图鉴属性（全队）：破吴+1.5%</view>
                <view class="margin-bottom-xs">雅性谦素明日上线，诸位主公请到游戏内获取哦</view>
              </view>
            </view>

            <u-divider style="margin: 10px 0" text="这是一条分割线" :dashed="true" textColor="#ff4f79" lineColor="#ff4f79"
                       :textSize="25"></u-divider>-->

      <text class="text-lg text-bold">活动预告 | 道具兑换、占矿为王明日来袭</text>
      <view class="margin-tb-sm">

        <text class="text-blue margin-right-sm">放开那三国</text>
        <text class="text-gray">2023-06-09 18:02 发表于北京</text>
      </view>
      <ad unit-id="adunit-0e0007bfce6a7f28"></ad>
      <view class="flex margin-tb">
        <view class="sort">
          1
        </view>
        <view class="title">
          精彩活动
          <view class="triangle"></view>
        </view>
      </view>
      <view class="content">
        <image
            src="https://mmbiz.qpic.cn/mmbiz_jpg/8iaIEbCVSqJY2v4tdTliblicb06iaqlUo1jVLAqX2XiaX0NQ7t4sSGwr74BoZjjxZHRpicLtz3icT9yhicffHicUZqXf9DQ/640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1"
            mode="widthFix" style="width: 100%;">
        </image>
        <!-- 道具兑换 -->
        <view class="flex justify-center">
          <view class="content-title">
            道具兑换
            <view class="content-title-left"></view>
            <view class="content-title-right"></view>
          </view>
        </view>
        <view class="padding-sm">
          <view class="text-color text-bold margin-tb-xs">[活动时间]</view>
          <view class="margin-bottom-lg">06月10日 00:00 -- 06月12日 23:59</view>
          <view class="text-color text-bold margin-tb-xs">[活动范围]</view>
          <view class="margin-bottom-lg">开服超过7天的服务器</view>
          <view class="text-color text-bold margin-tb-xs">[活动内容]</view>
          <view class="margin-bottom-lg">
            <view>各位主公可以通过“精彩活动”进入“限时兑换”活动。</view>
            <view class="margin-top-xs">
              活动期间内，玩家可以通过该活动将任意神将武魂兑换为特定的神将武魂，或者将宝物兑换为特定的宝物。兑换需要消耗一定的低级宝物和活动材料。
            </view>
          </view>
          <view class="text-color text-bold margin-tb-xs">[活动规则]</view>
          <view class="margin-bottom-lg">
            <view>
              1、每天将有1种神将兑换公式，2种热卖精华兑换公式、宝物兑换公式、神将精华兑换公式、战策兑换公式、魂石兑换公式。集齐要求的材料即可将材料物品兑换为目标物品。
            </view>
            <view class="margin-tb-xs">2、每个公式每天有一定兑换次数限制。兑换次数用完后无法使用该公式进行兑换。</view>
            <view>3、可以使用金币刷新公式，刷新后材料物品和目标物品会随机在同类物品中进行变换，刷新公式不影响公式的兑换次数。</view>
            <view class="margin-tb-xs">4、活动期间每天凌晨0点重置公式的可兑换次数，兑换的材料和物品此时不会进行改变。</view>
            <view>5、活动时间结束后将不能参与本活动。</view>
          </view>
        </view>

        <!-- 占矿为王 -->
        <view class="flex justify-center">
          <view class="content-title">
            占矿为王
            <view class="content-title-left"></view>
            <view class="content-title-right"></view>
          </view>
        </view>
        <view class="padding-sm">
          <view class="text-color text-bold margin-tb-xs">[活动时间]</view>
          <view class="margin-bottom-lg">06月10日 00:00 -- 06月12日 23:59</view>
          <view class="text-color text-bold margin-tb-xs">[活动范围]</view>
          <view class="margin-bottom-lg">开服超过7天的服务器</view>
          <view class="text-color text-bold margin-tb-xs">[活动内容]</view>
          <view class="margin-bottom-lg">
            <view>各位主公可以通过“精彩活动”进入“福利活动”界面查看活动说明；</view>
            <view class="margin-top-xs">活动期间内，占领的资源矿结算收益为原来的1.5倍；</view>
          </view>
          <view class="text-color text-bold margin-tb-xs">[活动规则]</view>
          <view class="margin-bottom-lg">
            <view>1、活动期间内，占领的资源矿结算收益为原来的1.5倍；</view>
            <view class="margin-tb-xs">2、资源矿结算收益时，需在活动期间内才有1.5倍；</view>
            <view>3、活动结束后将不能参与本活动。</view>
          </view>
        </view>
      </view>
      <!-- 活动1 -->
      <!--      <view class="flex margin-tb">-->
      <!--        <view class="sort">-->
      <!--          01-->
      <!--        </view>-->
      <!--        <view class="title">-->
      <!--          跨服激战-->
      <!--          <view class="triangle"></view>-->
      <!--        </view>-->
      <!--      </view>-->
      <!--      &lt;!&ndash; 内容 &ndash;&gt;-->
      <!--      <view class="content">-->
      <!--        <image-->
      <!--            src="https://mmbiz.qpic.cn/mmbiz_jpg/8iaIEbCVSqJZxHibSCsRNFad4TwgEgQdK1853BBopG0WnHPwKEibDXWXSe1Hkr4AfKCl46umrz3CiatOibyXyuBd6FA/640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic"-->
      <!--            mode="widthFix" style="width: 100%;">-->
      <!--        </image>-->
      <!--        &lt;!&ndash; 争霸天下 &ndash;&gt;-->
      <!--        <view class="flex justify-center">-->
      <!--          <view class="content-title">-->
      <!--            争霸天下-->
      <!--            <view class="content-title-left"></view>-->
      <!--            <view class="content-title-right"></view>-->
      <!--          </view>-->
      <!--        </view>-->
      <!--        <view class="padding-sm">-->
      <!--          <view class="text-color text-bold margin-tb-xs">一、争霸天下活动时间：</view>-->
      <!--          <view class="margin-bottom-lg text-color">-->
      <!--            <view>2023年06月07日10:00——2023年06月08日22:00报名阶段</view>-->
      <!--            <view class="margin-top-xs">2023年06月09日00:00——2023年06月13日22:00比赛阶段</view>-->
      <!--          </view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">二、活动范围：</view>-->
      <!--          <view class="margin-bottom-lg">开服超过45天的服务器</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">三、玩法规则简介：</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            争霸天下共分6个领土，每个领土提供不同积分，军团长派遣军团成员驻守领土，与对立军团进行战斗，胜利一方获得该领土的积分，积分总和高的一方获得最终胜利。-->
      <!--          </view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">四、[基本规则]：</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            <view>1.军团等级达到12级，军团长和副军团长可进行报名，系统根据跨服分组，在报名的军团里，筛选出战力前32的军团进入淘汰赛。</view>-->
      <!--            <view class="margin-tb-xs">2.淘汰赛期间，军团通过争夺领土获得积分，积分获得多的一方获得胜利，每次晋级赛为3局2胜制。</view>-->
      <!--            <view>3.淘汰赛结束后根据排名发放奖励，未进入32强且已报名的军团将获得参与奖励。</view>-->
      <!--            <view class="margin-top-xs">4.淘汰赛结束后，进入膜拜期，每天膜拜可以获得一定的膜拜奖励。</view>-->
      <!--          </view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">五、[玩法规则]：</view>-->
      <!--          <view>-->
      <!--            <view>1.争霸天下分为6个领土，分别为：司隶、燕赵、西凉、吴越、荆楚、巴蜀，每个领土提供不同的积分。</view>-->
      <!--            <view-->
      <!--                class="margin-tb-xs">2.每个领土可以上阵一定数量的军团成员进行参战，每个领土可派遣的人数不同。参战的成员需要自己手动加入到该领土中，并且可以自由跳转到其他领土的空置位置，但不能主动与其他成员更换位置。只有军团长可以进行调整</view>-->
      <!--            <view>3.领土中的我方成员与敌方派遣的玩家进行战斗，第一场战斗为战力高的玩家先手，在该玩家未被击败下场之前，之后的战斗均为另一个军团的玩家先出手，该玩家被击败后会交换先手顺序。</view>-->
      <!--            <view class="margin-tb-xs">4.战斗中最大的连胜次数固定为2次，玩家可以花费金币增加连胜次数，连胜次数最多4次。提升后该次数在当日的3局2胜制的淘汰赛中生效。次日需要重新购买连胜。</view>-->
      <!--            <view>5.对阵上方无法查看对方的布阵情况。</view>-->
      <!--            <view class="margin-tb-xs">6.每天的淘汰赛为3局2胜制，每个回合之间可以进行调换阵容，若没有调整阵容，默认接下来的阵容与之前保持一致。</view>-->
      <!--            <view>7.小回合获胜条件：</view>-->
      <!--            <view class="margin-tb-xs">1)小领土中最终剩下的军团成员为小领土获胜方，该军团获得该领土的积分。</view>-->
      <!--            <view>2)每小回合，计算军团的积分总和，积分数多的一方判定为本轮获胜。</view>-->
      <!--            <view class="margin-tb-xs">3)若双方积分相同，那么优先判定占领领土多的一方获胜。若领土数量也相同那么判定取得高分领土的一方获胜。</view>-->
      <!--            <view>8.最终胜负条件：每日的淘汰赛，先获得2胜的军团为胜出军团。</view>-->
      <!--          </view>-->
      <!--        </view>-->
      <!--      </view>-->

      <!-- 活动2 -->
      <!--      <view class="flex margin-tb">-->
      <!--        <view class="sort">-->
      <!--          02-->
      <!--        </view>-->
      <!--        <view class="title">-->
      <!--          精彩活动-->
      <!--          <view class="triangle"></view>-->
      <!--        </view>-->
      <!--      </view>-->
      <!--      <view class="content">-->
      <!--        <image-->
      <!--            src="https://mmbiz.qpic.cn/mmbiz_jpg/8iaIEbCVSqJY2v4tdTliblicb06iaqlUo1jVLAqX2XiaX0NQ7t4sSGwr74BoZjjxZHRpicLtz3icT9yhicffHicUZqXf9DQ/640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1"-->
      <!--            mode="widthFix" style="width: 100%;">-->
      <!--        </image>-->
      <!--        &lt;!&ndash; 云游商人 &ndash;&gt;-->
      <!--        <view class="flex justify-center">-->
      <!--          <view class="content-title">-->
      <!--            云游商人-->
      <!--            <view class="content-title-left"></view>-->
      <!--            <view class="content-title-right"></view>-->
      <!--          </view>-->
      <!--        </view>-->
      <!--        <view class="padding-sm">-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动时间]</view>-->
      <!--          <view class="margin-bottom-lg">06月07日 00:00 &#45;&#45; 06月09日 23:59</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动范围]</view>-->
      <!--          <view class="margin-bottom-lg">开服超过7天的服务器</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动入口]</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            各位主公可以通过“精彩活动”进入“云游商人”界面查看活动详情；-->
      <!--          </view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动内容]</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            <view>1、玩家可以在折扣道具中购买商品，每个商品都有购买次数限制。</view>-->
      <!--            <view class="margin-tb-xs">2、购买道具可以获得购买进度，当进度满时，可以获得充值优惠的机会（充值额外获得金币返利）,获得的充值优惠持续12小时，请及时充值。</view>-->
      <!--            <view>3、充值金币达到条件后，可领取额外返还金币。金币需要玩家领取，若活动期间没有领取则发放到奖励中心。</view>-->
      <!--            <view class="margin-top-xs">4、折扣道具购买人次记录全服购买人数，达到一定数量后可以领取普通同庆奖励。活动期间每档奖励只能领取一次。</view>-->
      <!--          </view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动规则]</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            <view>1、活动期间内，主公可购买活动界面的商品。</view>-->
      <!--            <view class="margin-tb-xs">2、通过购买道具来积累充值优惠进度。充值优惠激活后充值满足条件后会额外获得金币奖励。</view>-->
      <!--            <view>3、购买进度达到100%激活充值优惠功能，充值优惠12小时内有效。超过优惠时间或已充值，此项充值优惠福利结束，进度条归为0%。</view>-->
      <!--            <view class="margin-top-xs">4、普天同庆中记录全服购买记录，达到数量后，全服玩家可以领取奖励。</view>-->
      <!--          </view>-->
      <!--        </view>-->

      <!--        &lt;!&ndash; 积分商城 &ndash;&gt;-->
      <!--        <view class="flex justify-center">-->
      <!--          <view class="content-title">-->
      <!--            积分商城-->
      <!--            <view class="content-title-left"></view>-->
      <!--            <view class="content-title-right"></view>-->
      <!--          </view>-->
      <!--        </view>-->
      <!--        <view class="padding-sm">-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动时间]</view>-->
      <!--          <view class="margin-bottom-lg">06月07日 00:00 &#45;&#45; 06月09日 23:59</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动范围]</view>-->
      <!--          <view class="margin-bottom-lg">开服超过7天的服务器</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动入口]</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            各位主公可以通过“精彩活动”进入“积分商城”界面查看活动详情；-->
      <!--          </view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动内容]</view>-->
      <!--          <view class="margin-bottom-lg">活动期间，消耗定量金币、体力、耐力均可获得商城积分，可用于兑换商城内物品。</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[积分规则]</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            <view>消耗1金币=1积分</view>-->
      <!--            <view class="margin-tb-xs">消耗5体力=1积分</view>-->
      <!--            <view>消耗2耐力=1积分</view>-->
      <!--          </view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动规则]</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            <view>1、商城内物品有一定兑换次数，兑换次数耗尽将不可购买。</view>-->
      <!--            <view class="margin-tb-xs">2、活动期间内，商城物品将不会刷新。</view>-->
      <!--            <view>3、活动结束后，当次积分将进行清零。</view>-->
      <!--            <view class="margin-top-xs">4、活动结束后，将预留1天用于商城积分兑换，预留时段不获得积分，仅提供商城积分兑换。</view>-->
      <!--          </view>-->
      <!--        </view>-->

      <!--        &lt;!&ndash; 皇陵探宝 &ndash;&gt;-->
      <!--        <view class="flex justify-center">-->
      <!--          <view class="content-title">-->
      <!--            皇陵探宝-->
      <!--            <view class="content-title-left"></view>-->
      <!--            <view class="content-title-right"></view>-->
      <!--          </view>-->
      <!--        </view>-->
      <!--        <view class="padding-sm">-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动时间]</view>-->
      <!--          <view class="margin-bottom-lg">06月07日 00:00 &#45;&#45; 06月09日 23:59</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动范围]</view>-->
      <!--          <view class="margin-bottom-lg">开服超过7天的服务器</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动内容]</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            <view>各位主公可以通过“精彩活动”进入“皇陵探宝”活动，也可以通过“皇陵探宝”界面点击奖励预览查看全部可获得奖励。</view>-->
      <!--            <view class="margin-top-xs">探宝活动期间内，各位主公可以在皇陵进行探宝，将有机会获得各种道具奖励。还不快快拿起锄头，一探究竟!</view>-->
      <!--          </view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动规则]</view>-->
      <!--          <view>-->
      <!--            <view>1、活动期间内，主公每日将获得一定数量的免费探宝次数。</view>-->
      <!--            <view class="margin-top-xs">2、活动结束后将不能参与本活动。</view>-->
      <!--          </view>-->
      <!--        </view>-->
      <!--      </view>-->

      <!--      &lt;!&ndash; 活动2 &ndash;&gt;-->
      <!--      <view class="flex margin-tb">-->
      <!--        <view class="sort">-->
      <!--          03-->
      <!--        </view>-->
      <!--        <view class="title">-->
      <!--          福利活动-->
      <!--          <view class="triangle"></view>-->
      <!--        </view>-->
      <!--      </view>-->
      <!--      &lt;!&ndash; 内容 &ndash;&gt;-->
      <!--      <view class="content">-->
      <!--        <image-->
      <!--            src="https://mmbiz.qpic.cn/mmbiz_jpg/8iaIEbCVSqJY2v4tdTliblicb06iaqlUo1jVuUngWbPM4t5Q16a2gIxaLRNVoBbjxb5oYbZvwQzT12PefvjtzuJAJA/640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1"-->
      <!--            mode="widthFix" style="width: 100%;">-->
      <!--        </image>-->
      <!--        &lt;!&ndash; 摇钱树副本次数双倍 &ndash;&gt;-->
      <!--        <view class="flex justify-center">-->
      <!--          <view class="content-title">-->
      <!--            摇钱树副本次数双倍-->
      <!--            <view class="content-title-left"></view>-->
      <!--            <view class="content-title-right"></view>-->
      <!--          </view>-->
      <!--        </view>-->
      <!--        <view class="padding-sm">-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动时间]</view>-->
      <!--          <view class="margin-bottom-lg">06月07日 00:00 &#45;&#45; 06月09日23:59</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动范围]</view>-->
      <!--          <view class="margin-bottom-lg">开服超过7天的服务器</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动内容]</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            <view>各位主公可以通过“精彩活动”进入“福利活动”界面查看活动说明；</view>-->
      <!--            <view class="margin-top-xs">活动期间内，每日摇钱树副本恢复次数将变为原来的2倍；</view>-->
      <!--          </view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动规则]</view>-->
      <!--          <view class="margin-bottom-lg">-->
      <!--            <view>1、活动期间内，每日摇钱树副本恢复次数将变为原来的2倍；</view>-->
      <!--            <view class="margin-top-xs">2、活动结束后将不能参与本活动。</view>-->
      <!--          </view>-->
      <!--        </view>-->

      <!--        &lt;!&ndash; 欢乐签到 &ndash;&gt;-->
      <!--        <view class="flex justify-center">-->
      <!--          <view class="content-title">-->
      <!--            欢乐签到-->
      <!--            <view class="content-title-left"></view>-->
      <!--            <view class="content-title-right"></view>-->
      <!--          </view>-->
      <!--        </view>-->
      <!--        <view class="padding-sm">-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动时间]</view>-->
      <!--          <view class="margin-bottom-lg">06月07日 00:00 &#45;&#45; 06月09日23:59</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动范围]</view>-->
      <!--          <view class="margin-bottom-lg">开服超过7天的服务器</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动内容]</view>-->
      <!--          <view class="margin-bottom-lg">活动期间，每天首次登陆游戏可获得对应天数的活动奖励。</view>-->
      <!--          <view class="text-color text-bold margin-tb-xs">[活动规则]</view>-->
      <!--          <view>-->
      <!--            <view>1、每个档次每个角色只能获得一次奖励部分奖励每档只能领取其中一种奖励。</view>-->
      <!--            <view class="margin-top-xs">2、活动期间内满足以上登录条件，即可获得相应奖励。</view>-->
      <!--          </view>-->
      <!--        </view>-->
      <!--      </view>-->
      <ad unit-id="adunit-e5f17807ed383892"></ad>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {}
    },
    methods: {}
  }
</script>

<style lang="scss" scoped>
  .text-color {
    color: #ff4f79;
  }

  .bg-color {
    background-color: #ff4f79;
    color: #fff;
  }

  .share {
    position: fixed;
    right: 5px;
    bottom: 200rpx;
    background-color: rgba(255, 79, 121, .7);
    color: #fff;
    z-index: 1000;
  }

  .sort {
    width: 70rpx;
    height: 70rpx;
    background-color: #363636;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
  }

  .title {
    width: calc(100% - 70rpx);
    height: 70rpx;
    background-color: #ffd545;
    line-height: 70rpx;
    padding-left: 50rpx;
    font-weight: bold;
    position: relative;
    font-size: 35rpx;
  }

  .triangle {
    border-left: 35rpx solid #363636;
    border-top: 35rpx solid transparent;
    border-right: 35rpx solid transparent;
    border-bottom: 35rpx solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }

  .content {
    border: 1px solid #f8d3d8;
    margin-bottom: 10px;
  }

  .content-title {
    border: 2px solid #f8d3d8;
    position: relative;
    padding: 5px;
    margin: 10px;
    color: rgb(215, 35, 66);
    font-weight: bold;
  }

  .content-title-left {
    position: absolute;
    width: 7px;
    height: 35rpx;
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f8d3d8;
  }

  .content-title-right {
    position: absolute;
    width: 7px;
    height: 35rpx;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f8d3d8;
  }
</style>
<script setup>
</script>